<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../util/bootstrap-3.3.7-dist/css/bootstrap.css">
		<script src="../util/jquery-3.4.1.js"></script>
		<script src="../util/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/stuadmin.css" />
		<link rel="stylesheet" type="text/css" href="../font/font-awesome-4.7.0/css/font-awesome.min.css" />
		<script type="text/javascript" src="../js/regularExpression.js"></script>
	</head>
	<body>
    <h2 class="h2">学生管理</h2>
        <div class="container-fluid"></div>
            <!-- 表头设置 -->
            <div class="row student-part">
                <span style="margin-left: 20px;">查找学生</span>
                <input type="text" class="form-control search"  autocomplete="off" placeholder="输入姓名、学号或班级" style="width: 200px;display: inline-block;">     
                <button  class="btn btn-info con changeStudent " type="button">
                        <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                    </button>   
                <!-- 新增学生 -->
                <div class="add-student">
                    <button type="button" class="btn btn-primary btn-md addStudent Add" data-toggle="modal" data-target="#addStudentModal" id="add">
                        <span class="fa fa-plus-square" style="padding-right: 5px;">
                        </span>
                        新增学生
                    </button>	 
                    <button type="button" class="btn btn-success btn-md export">
                        <span class="fa fa-plus-square" style="padding-right: 5px;">
                        </span>
                        导出excel
                    </button>	
                </div>
                <div class="table-responsive student-table">
                    <table class="table table-bordered table1" id="classTable">
                        <thead>
                            <tr style="font-size: 14px;border-bottom:3.5px solid #dee2e6 ;border-top: 2px solid #dee2e6 ;"class='headline'>
                                <th>编号</th>
                                <th>姓名</th>
                                <th>学号</th>
                                <th>班级</th>
                                <th>年级</th>
                                <th>性别</th>
                                <th>出生日期</th>
                                <th>家庭地址</th>
                                <th>家长姓名</th>
                                <th>联系电话</th>
                                <th>关系</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                    <nav aria-label="Page navigation">
                            <ul class="pagination">
                            </ul>
                    </nav>
                </div>
            </div>
            <!-- 新增模块 -->
            <div class="modal fade mymodal" id="addStudentModal" tabindex="-1" role="dialog">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                          <h4 class="modal-title">新增学生信息</h4>
                        </div>
                        <!-- 验证学生信息输入 -->
                        <div class="modal-body">
                            <form class="form-inline form-horizontal">
                                <div class="row text-left">
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                            <div class="form-group">
                                                <label for="StuNum" class="text-right" style="min-width: 100px">姓名：</label>
                                                <input type="text" autocomplete="off"  class="form-control name addStudentInput" id="name">
                                                <span class="tip-error"></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                                <div class="form-group">
                                                    <label for="StuNum" class="text-right" style="min-width: 100px">学号：</label>
                                                    <input type="text" autocomplete="off"  class="form-control studio addStudentInput" disabled id="studio">
                                                    <span class="tip-error"></span>
                                                </div>
                                            </div>
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                        <div class="form-group">
                                            <label for="stuClass" class="text-right" style="min-width: 100px">班级：</label>
                                            <select class="form-control stuClass addStudentInput" id="stuClass">
                                                <option>小班花蕾</option>
                                                <option>小班绿叶</option>
                                                <option>小班晨星</option>
                                                <option>小班春雨</option>
                                                <option>中班花朵</option>
                                                <option>中班绿花</option>
                                                <option>中班成长</option>
                                                <option>中班彩虹</option>
                                                <option>大班星灿</option>
                                                <option>大班丰收</option>
                                                <option>大班月亮</option>
                                                <option>大班太阳</option>
                                            </select>
                                        </div>
                                    </div>    
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                        <div class="form-group">
                                            <label for="StuAge" class="text-right" style="min-width: 100px">年级：</label>
                                            <select class="form-control addStudentInput sex" >
                                                <option>小班</option>
                                                <option>中班</option>
                                                <option>大班</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                        <div class="form-group">
                                            <label  class="text-right"  style="min-width: 100px">性别：</label>
                                            <select class="form-control addStudentInput sex" >
                                                <option>男</option>
                                                <option>女</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                        <div class="form-group" id="Birthdate">
                                            <label class="text-right" style="min-width: 100px">出生日期：</label>
                                            <select class="form-control Year addStudentInput" id="year">
                                                
                                            </select>
                                            <select class="form-control Month addStudentInput" id="month">
                                                
                                            </select>
                                            <select class="form-control Day addStudentInput" id="day">
                                                
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                        <div class="form-group">
                                            <label for="stuAddress" class="text-right" style="min-width: 100px">家庭住址：</label>
                                            <input type="text" autocomplete="off"  class="form-control address addStudentInput" id="stuAddress">
                                            <span class="tip-error"></span>	
                                        </div>
                                    </div>
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                        <div class="form-group">
                                            <label for="stuParent" class="text-right" style="min-width: 100px">家长姓名：</label>
                                            <input type="email" autocomplete="off"  class="form-control parent addStudentInput" id="stuParent">
                                            <span class="tip-error"></span>	
                                        </div>
                                    </div>
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                        <div class="form-group">
                                            <label for="stuParentTel" class="text-right" style="min-width: 100px">家长电话：</label>
                                            <input type="email" autocomplete="off"  class="form-control parentTel phone addStudentInput" id="stuParentTel">
                                            <span class="tip-error"></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                        <div class="form-group">
                                            <label for="myParentRelation" class="text-right" style="min-width: 100px">关系：</label>
                                            <input type="email" autocomplete="off"  class="form-control relation addStudentInput" id="myParentRelation">
                                            <span class="tip-error"></span>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!-- 验证学生信息输入 -->
                        <div class="modal-footer">
                          <button type="button" class="btn btn-default " data-dismiss="modal" id="addQX">取消</button>
                          <button type="button" class="btn btn-primary " id="addQd">添加</button>
                        </div>
                      </div><!-- /.modal-content -->
                    </div><!-- /.modal-dialog -->
                  </div><!-- /.modal -->
            <!-- 编辑模块 -->
            <div class="modal fade mymodal" id="studentEdit" tabindex="-1" role="dialog">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                          <h4 class="modal-title">编辑学生信息</h4>
                        </div>
                        <!-- 验证学生信息输入 -->
                        <div class="modal-body">
                            <form class="form-inline" >
                                <div class="row text-left">
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px; ">
                                        <div class="form-group">
                                            <label for="studentName"  class="text-right" style="min-width: 100px">姓名：</label>
                                            <input type="text" autocomplete="off"  class="form-control name sName" id="studentName">
                                            <span class="tip-error"></span>	
                                        </div>
                                    </div>
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                            <div class="form-group">
                                                <label for="StuNum" class="text-right" style="min-width: 100px">学号：</label>
                                                <input type="text" autocomplete="off"  class="form-control studio addStudentInput" disabled id="Studio">
                                                <span class="tip-error"></span>
                                            </div>
                                        </div>
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                            <div class="form-group">
                                                <label for="studentClass" class="text-right sClass" style="min-width: 100px">班级：</label>
                                                <select class="form-control sClass" id="studentClass">
                                                    <option>小班花蕾</option>
                                                    <option>小班绿叶</option>
                                                    <option>小班晨星</option>
                                                    <option>小班春雨</option>
                                                    <option>中班花朵</option>
                                                    <option>中班绿花</option>
                                                    <option>中班成长</option>
                                                    <option>中班彩虹</option>
                                                    <option>大班星灿</option>
                                                    <option>大班丰收</option>
                                                    <option>大班月亮</option>
                                                    <option>大班太阳</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                                <div class="form-group">
                                                    <label for="studentAge" class="text-right" style="min-width: 100px">年级：</label>
                                                    <select class="form-control addStudentInput " id="studentAge">
                                                        <option>小班</option>
                                                        <option>中班</option>
                                                        <option>大班</option>
                                                    </select>
                                                </div>
                                            </div>
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                        <div class="form-group">
                                            <label class="text-right" style="min-width: 100px">性别：</label>
                                            <select class="form-control sSex" id="studentSex">
                                                <option>男</option>
                                                <option>女</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                        <div class="form-group" id="studentBirth">
                                            <label class="text-right " style="min-width: 100px">生日：</label>
                                            <select class="form-control Year sYear">
                                                
                                            </select>
                                            <select class="form-control Month sMonth">
                                               
                                            </select>
                                            <select class="form-control Day sDay">
                                                
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                        <div class="form-group">
                                            <div class="form-group">
                                                <label for="studentAddress" class="text-right" style="min-width: 100px">地址：</label>
                                                <input type="email" autocomplete="off"  class="form-control address" id="studentAddress">
                                                <span class="tip-error"></span>	
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                        <div class="form-group">
                                            <label for="parentName" class="text-right" style="min-width: 100px">家长姓名：</label>
                                            <input type="email" autocomplete="off"  class="form-control parent" id="parentName">
                                            <span class="tip-error"></span>		
                                        </div>
                                    </div>
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                        <div class="form-group">
                                            <label for="parentTel" class="text-right" style="min-width: 100px">家长电话：</label>
                                            <input type="email" autocomplete="off"  class="form-control parentTel phone" id="parentTel">
                                            <span class="tip-error"></span>	
                                        </div>
                                    </div>
                                    <div class="col-lg-10 col-md-10 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px">
                                        <div class="form-group">
                                            <label for="myRelation" class="text-right" style="min-width: 100px">关系：</label>
                                            <input type="email" autocomplete="off"  class="form-control relation" id="myRelation">
                                            <span class="tip-error"></span>	
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!-- 验证学生信息输入 -->
                        <div class="modal-footer">
                          <button type="button" class="btn btn-default viewClose" data-dismiss="modal">取消</button>
                          <button type="button" class="btn btn-primary " id="viewQd">确定</button>
                        </div>
                      </div><!-- /.modal-content -->
                    </div><!-- /.modal-dialog -->
                  </div><!-- /.modal -->
            <!-- 删除模块 -->
            <div class="modal fade " id="studentDelete" tabindex="-1" role="dialog">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                          <h4 class="modal-title">删除该条学生信息</h4>
                        </div>
                        <!-- 验证学生信息输入 -->
                        <div class="modal-body">
                          <p>是否确定删除</p>
                        </div>
                        <!-- 验证学生信息输入 -->
                        <div class="modal-footer">
                          <button type="button" class="btn btn-default " data-dismiss="modal">取消</button>
                          <button type="button" class="btn btn-primary " id="deletesResure">确定</button>
                        </div>
                      </div><!-- /.modal-content -->
                    </div><!-- /.modal-dialog -->
                  </div><!-- /.modal -->
        </body>
    <script type="text/javascript" src="../js/stuadmin.js"></script>	
</html>
